<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:66:"/data/release/shop/public/../application/home/view/index/user.html";i:1511407307;s:67:"/data/release/shop/public/../application/home/view/public/base.html";i:1511407309;}*/ ?>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="../../static/home/css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/home/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/home/css/foundation-datepicker.css"/>
		<link rel="stylesheet" type="text/css" href="../../static/home/css/font-awesome.css"/>
		<script src="../../static/home/js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>


<body>
<div class="bj">
	<!--头部-->
	
	<div class="head">
		<div class="h-top">
			<ul>
				<li><a href="#"></a><span></span></li>
				<li><a href="#"></a><span></span></li>
				<li><a href="#"></a><span></span></li>
				<li><a href="#"></a></li>
			</ul>
			<div class="clear"></div>
		</div>
		<div class="h-name">
			<div class="name">
				<div class="logo left">
					<a href="#"><img src="../../static/home/img/logo.png" style="height: 40px;"/></a>
				</div>
				<div class="assistant right">
					<div class="img">
						<img src="../../static/home/img/assistant.png"/>
					</div>
					<div class="b-div">
						<img src="../../static/home/img/assistant.png"/>
						<p class="t2"><a href="../business/index">账号设置</a></p>
						<p class="t2"><a href="../index/quitLogin">退出登录</a></p>
					</div>
				</div>

			</div>
		</div>
	</div>
	
	<!--内容-->
	<div class="c">
		<div class="content">
			
			<div class="c-l left">
						<div class="c-left">
							<div class="list">
								<div class="">
									<i class="statistics"></i><span>统计分析</span>
								</div>
								<ul>
									<li><a href="../index/index">概况分析</a></li>
									<li><a href="../index/user">用户分析</a></li>

								</ul>

							</div>



							<div class="list">
								<div class="">
									<i class="imgicon"></i><span>图片管理</span>
								</div>
								<ul>
									<li><a href="../banner/index">图片管理</a></li>
								</ul>

							</div>

							<div class="list">
								<div class="">
									<i class="product"></i><span>产品管理</span>
								</div>
								<ul>
									<li><a href="../commtype/index">分类管理</a></li>
									<li><a href="../goods/index">商品管理</a></li>
									<li><a href="../integral/index">积分商品管理</a></li>
									<li><a href="../freight/index">运费模板管理</a></li>

								</ul>
							</div>

							<div class="list">
								<div class="">
									<i class="member"></i><span>会员管理</span>
								</div>
								<ul>
									<li><a href="../user/index">会员列表</a></li>
								</ul>
							</div>

							<div class="list">
								<div class="">
									<i class="order"></i><span>订单管理</span>
								</div>
								<ul>
									<li><a href="../order/index">待付款</a></li>
									<li><a href="../order/delivergoods">待发货</a></li>
									<li><a href="../order/takegoods">待收货</a></li>
									<li><a href="../order/complete">已完成</a></li>
									<li><a href="../order/occlude">已关闭</a></li>

								</ul>

							</div>

							<div class="list">
								<div class="">
									<i class="assets"></i><span>提现管理</span>
								</div>
								<ul>
									<li><a href="../takeout/index">提现审核</a></li>
									<li><a href="../takeout/record">提现记录</a></li>
								</ul>
							</div>
							<div class="list">
								<div class="">
									<i class="assets"></i><span>资产管理</span>
								</div>
								<ul>
									<li><a href="../record/index">交易记录</a></li>
								</ul>
							</div>
							<div class="list">
								<div class="">
									<i class="voucher"></i><span>优惠券</span>
								</div>
								<ul>
									<li><a href="../coupon/index">优惠券列表</a></li>


								</ul>
							</div>
							<div class="list">
								<div class="">
									<i class="hzpnews"></i><span>资讯管理</span>
								</div>
								<ul>
									<li><a href="../hzpnews/index">资讯列表</a></li>

								</ul>
							</div>

							<div class="list">
								<div class="">
									<i class="comment"></i><span>评论管理</span>
								</div>
								<ul>
									<li><a href="../comment/index">评论列表</a></li>

								</ul>
							</div>


							<div class="list">
								<div class="">
									<i class="setup"></i><span>基本设置</span>
								</div>
								<ul>
									<li><a href="">基本设置</a></li>
									<li><a href="../express/index">快递设置</a></li>

									<li><a href="../payments/index">支付设置</a></li>

									<li><a href="../business/index">商家基本信息</a></li>
									<!--<li><a href="">管理员信息</a></li>-->
								</ul>
							</div>

						</div>

					</div>

			<!--<div id="main" style="width: 600px;height:400px;"></div>-->
			
			


			
<input type="hidden" name="mun_url" id="mun_url" value="0,1"/>
<div class="c-r right">
	<div class="label1">
		<div class="title">
			用户分析
		</div>
		<div class="label-1 label">
			<ul class="circle-div">
				<div class="circle">
					<svg id="" xmlns="http://www.w3.org/2000/svg" class="circleProcess-s">
						<circle id="circle" cx="50%" cy="50%" r="40%" stroke-width="5%" stroke-dashoffset='0%'></circle>
					</svg>
					<svg id="circleProcess-0" xmlns="http://www.w3.org/2000/svg" class="circleProcess">
						<circle id="circle-0" cx="50%" cy="50%" r="40%" stroke-width="5%"></circle>
					</svg>
					<div class="circletxt">
						<h1><?php echo $stitc->visit_uv_new; ?></h1>
						<span>昨日新用户</span>
					</div>
				</div>

				<div class="circle">
					<svg id="" xmlns="http://www.w3.org/2000/svg" class="circleProcess-s">
						<circle id="circle" cx="50%" cy="50%" r="40%" stroke-width="5%" stroke-dashoffset='0%'></circle>
					</svg>
					<svg id="circleProcess-1" xmlns="http://www.w3.org/2000/svg" class="circleProcess">
						<circle id="circle-1" cx="50%" cy="50%" r="40%" stroke-width="5%"></circle>
					</svg>
					<div class="circletxt">
						<h1><?php echo $stitc->session_cnt; ?></h1>
						<span>打开次数</span>
					</div>
				</div>

				<div class="circle">
					<svg id="" xmlns="http://www.w3.org/2000/svg" class="circleProcess-s">
						<circle id="circle" cx="50%" cy="50%" r="40%" stroke-width="5%" stroke-dashoffset='0%'></circle>
					</svg>
					<svg id="circleProcess-2" xmlns="http://www.w3.org/2000/svg" class="circleProcess">
						<circle id="circle-2" cx="50%" cy="50%" r="40%" stroke-width="5%"></circle>
					</svg>
					<div class="circletxt">
						<h1><?php echo $stitc->visit_uv; ?></h1>
						<span>访问人数</span>
					</div>
				</div>


				<div class="circle">
					<svg id="" xmlns="http://www.w3.org/2000/svg" class="circleProcess-s">
						<circle id="circle" cx="50%" cy="50%" r="40%" stroke-width="5%" stroke-dashoffset='0%'></circle>
					</svg>
					<svg id="circleProcess-3" xmlns="http://www.w3.org/2000/svg" class="circleProcess">
						<circle id="circle-3" cx="50%" cy="50%" r="40%" stroke-width="5%"></circle>
					</svg>
					<div class="circletxt">
						<h1><?php echo $stitc->visit_pv; ?></h1>
						<span>访问次数</span>
					</div>
				</div>

				<div class="clear">

				</div>
			</ul>
			<div class="clear">

			</div>
		</div>

		<div class="label-2 label">
			<div class="tit t">
				<p>新用户数</p>
			</div>
			<div class="" id="main-xyh" style="width: 1020px;height: 500px;"></div>
		</div>

		<!--<div class="label-2 label">-->
			<!--<div class="tit t">-->
				<!--<p>访问人数</p>-->
			<!--</div>-->
			<!--<div class="" id="main-fw" style="width: 1020px;height: 500px;"></div>-->
		<!--</div>-->
	</div>
</div>
<script src="../../static/home/js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../static/home/js/js.js" type="text/javascript" charset="utf-8"></script>
<script src="../../static/home/js/echarts.common.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    function load()
    {
        $.ajax({
            url:"<?php echo url('Index/userStics'); ?>",
            dataType:'json',
            success:function (data) {
                console.log(data);
                var myChart = echarts.init(document.getElementById('main-xyh'));
                var option = {
                    tooltip: {
                        trigger: 'axis'
                    },
                    legend: {

                    },
                    xAxis:  {
                        type: 'category',
                        boundaryGap: false,
                        default: '',
                        data: ['20170704','20170706','20170708','201707010','201707012','201707014','201707016','201707018','201707020','201707022']
                    },
                    yAxis: {
                        type: 'value',
                        axisLabel: {
                            formatter: '{value}'
                        }
                    },
                    series: [
                        {
                            name:'用户数最小值',
                            type:'line',
                            data:[0],
                            itemStyle:{
                                normal:{
                                    color:'rgb(67, 163, 251)'
                                },
                            },
                            markPoint: {
                                data: [
                                    {type: 'max', name: '最大值'},
                                    {type: 'min', name: '最小值'}
                                ]
                            },
                            markLine: {
                                data: [
                                    {type: 'average', name: '平均值'}
                                ]
                            }
                        },

                    ],


                };
                myChart.setOption(option);
            },
            error:function (err) {

            }
        })
    }




//	var myChartq = echarts.init(document.getElementById('main-fw'));
//	var optionq = {
//		tooltip: {
//			trigger: 'axis'
//		},
//		legend: {
//
//		},
//		xAxis:  {
//			type: 'category',
//			boundaryGap: false,
//			default: '#000',
//			data: ['20170704','20170706','20170708','201707010','201707012','201707014','201707016','201707018','201707020','201707022']
//		},
//		yAxis: {
//			type: 'value',
//			axisLabel: {
//				formatter: '{value}'
//			}
//		},
//		series: [
//			{
//				name:'用户数最小值',
//				type:'line',
//				data:[0],
//				itemStyle:{
//					normal:{
//						color:'rgb(67, 163, 251)'
//					},
//				},
//				markPoint: {
//					data: [
//						{type: 'max', name: '最大值'},
//						{type: 'min', name: '最小值'}
//					]
//				},
//				markLine: {
//					data: [
//						{type: 'average', name: '平均值'}
//					]
//				}
//			},
//
//		]
//	};
//	myChartq.setOption(optionq);

	/////////////////////////////////////////////////////////////////////////////////////////////

	var circleProcess = document.getElementById('circleProcess-0');
	var circle = document.getElementById('circle-0');
	var rangeValue = 0;
	var cc;
	function setCircle() {
		rangeValue = Number(rangeValue);
		circle.setAttribute("stroke-dashoffset", (255 - rangeValue) + "%");
		rangeValue += 1;
		if(rangeValue == 205){
			clearInterval(cc);
		}
	}
	cc = setInterval("setCircle()",1);






	//      var rangeValue = 0;
	//      var cc;
	//      var circleProcess;
	//      var circle
	function setCircle1() {
		rangeValue = Number(rangeValue);
		circle.setAttribute("stroke-dashoffset", (255 - rangeValue) + "%");
		rangeValue += 1;
		if(rangeValue == 200){
			clearInterval(cc);
			return false
		}
		//console.log(rangeValue);
	}
	function Circle(obj,objs){
		//circleProcess = document.getElementById(obj);    //获取svg的id
		// circle = document.getElementById(objs);			//获取园的id


		cc = setInterval('setCircle()',1);
	}
	//Circle('circleProcess-0','circle-0')
	//Circle('circleProcess-1','circle-1')
 load()
</script>

			<!--<div id="main" style="width: 600px;height:400px;"></div>-->
		</div>

	</div>

	<!--尾部-->
	
	<div class="foot">
		Copyright © 2016 - 2017 qingful.com All Rights Reserved
	</div>
	
	<!--返回顶部-->


</div>
<script src="../../static/home/js/dateRange.js" type="text/javascript" charset="utf-8"></script>
<script src="../../static/home/js/js.js" type="text/javascript" charset="utf-8"></script>
<script>
	//索引0开始
	var mun_url = $('#mun_url').val();											//获取页面参数
	var arrmun_url = mun_url.split(",")											//转成数组格式
	var leftul = $(".c .c-l .list ul").eq(arrmun_url[0]).find('li').length		//获取元素数量
	$(".c .c-l .list ul").eq(arrmun_url[0]).css('height',50*leftul)				//设置高度
	$(".c .c-l .list ul").eq(arrmun_url[0]).find('li').eq(arrmun_url[1]).attr('class','act')	//添加样式
</script>
</body>

</html>








